<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>练习</title>
		<style>
			/* html结构    外层div--container  内层div--.box  写lorem
			   css结构     .conrainer样式   背景颜色#f0f0f0
			                                padding： 200px；
											文本居中
						   .box样式：背景颜色#eee
						             文字改成白色
									 宽度60%
									 宽度范围：500~600宽度【页面不变】
									 margin：auto；*/
			.container{
				background: #f0f0f0;
				padding: 200px;
			}
			.box{
				background:#000000;
				color: #ffffff;
				width:60%;
				min-width: 500px;
				max-width:600px;
				margin: auto;
			}				 
		</style>
	</head>
	<body>
		<div cllass="container">
			<div class="box">
				Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatem maxime beatae enim? Dignissimos fuga a at, sed quos nesciunt soluta aliquam labore illo aliquid unde laboriosam, magni ut quas necessitatibus.
			</div>
		</div>
	</body>
</html>